import { FC, useState } from 'react';
import { Card, Space, Tabs } from 'antd';
const { TabPane } = Tabs;

function callback(key: string) {
  console.log(key);
}
const index: FC = () => {

  return (
    <Space direction="vertical" style={{ width: "100%" }}>
      <Card title="tab">
        <Space>
          <Tabs defaultActiveKey="1" onChange={callback} size="large">
            <TabPane tab="Tab 1" key="1">
              Content of Tab Pane 1
            </TabPane>
            <TabPane tab="Tab 2" key="2">
              Content of Tab Pane 2
            </TabPane>
            <TabPane tab="Tab 3" key="3">
              Content of Tab Pane 3
            </TabPane>
          </Tabs>
        </Space>
      </Card>

    </Space>
  );
}

export default index;